<template>
    <div>
        <div class="i-layout-page-header">
            <PageHeader
                hidden-breadcrumb
                :tab-list="tabList"
                :tab-active-key="tabActiveKey"
                @on-tab-change="handleChangeTab"
                >
            </PageHeader>
        </div>
        <Card :bordered="false" dis-hover>
            <reportList :article-list="articleList" />
        </Card>
    </div>
</template>
<script>
    import mixin from '../mixins';
    import reportList from './list';
    export default {
        name: 'roomSummary',
        mixins: [mixin],
        components: { reportList },
        data () {
            return {
                tabActiveKey: 'roomSummary',
                type: [],
                loading: false,
                articleList: []
            }
        },
        methods: {
            getArticle () {
                this.loading = true;
                setTimeout(() => {
                    this.loading = false;
                }, 500)
            }
        },
        mounted () {
            this.getArticle();
        }
    }
</script>
